<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML 结构层：列表主要是相同数据的集合
						有序列表，无序列表，定义列表
						有序列表和无序列表自带样式
			列表项标志属性 list-style-type 
						有序列表属性值 ： none,decimal【默认的（数值）】, lower-roman【罗马数字】,
									upper-roman【大写罗马数字】
											
						无序列表属性值： none,decimal【默认的（实心圆）】,disc,circle【空心圆】
										squaer【实心方块】
						实际开发页面中：无序列表来定义相同的数据集合，有利于SEO优化				
						实际常用属性：list-style-type: none; 与统配选择器一起使用
															去掉页面上所有样式
						
		 -->
		 <style>
			 ol li{
				 /* list-style-type: none; */
				 /* list-style-type: decimal; */
				 list-style-type: lower-roman;
			 }
			 ul li{
				 /* list-style-type: none; */
				 /* list-style-type: circle; */
				 list-style-type: square;
			 }
		 </style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>仓鼠</li>
			<li>荷兰猪</li>
			<li>小猫咪</li>
		</ol>
		<h1>无序列表</h1>
		<ul>
			<li>魔方大厦</li>
			<li>邋遢大王</li>
			<li>小糊涂神</li>
		</ul>
	</body>
</html>